<template>
  <div class="agent">
    <p class="agent_title">请与客服联系，联系方式</p>
    <div class="agent_main flex">
      <p class="agent_left">电话：</p>
      <p class="agent_right">
        <a class="list_btn_blue" :href="'tel:'+phone">{{phone}}</a>
      </p>
    </div>
    <div class="agent_main flex">
      <p class="agent_left">地址：</p>
      <p class="agent_right">{{address}}</p>
    </div>
  </div>
</template>



<script>
export default {
  name: 'agent',
  data () {
    return {
      phone: '0510-87830003',
      address: '江苏宜兴市赛特大道25号高塍镇鹏鹞环保科技创新园大楼1105-6',
    }
  },
  mounted(){
    this.$root.share();
  },
  methods: {
    
  }
}
</script>



<style scoped>
  .agent{
    text-align: left;
    padding: 0 1rem;
  }
  .agent_title{
    font-size: 0.9rem;
    padding: 1.5rem 0 2rem;
  }
  .agent_main{
    font-size: 0.9rem;
    padding: 0 0 1rem;
  }
  .agent_left{
    width: 3rem;
    line-height: 2rem;
  }
  .agent_right{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    line-height: 2rem;
  }
  .list_btn_blue{
    color: #5594FF;
    text-decoration: none;
    line-height: 2rem;
  }
</style>
<style>
  *:focus{
    outline-offset: 0px;
    outline: -webkit-focus-ring-color auto 0px;
  }
  ul,li,li,a,p,span{
    margin: 0;
    padding: 0;
  }
  li{
    list-style: none;
  }
  .flex{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
</style>